<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Bootstrap-ecommerce by Vosidiy">

    <title>用户中心</title>

    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">

    <!-- jQuery -->
    <script src="../js/jquery-2.0.0.min.js" type="text/javascript"></script>

    <!-- Bootstrap4 files-->
    <script src="../js/bootstrap.bundle.min.js" type="text/javascript"></script>
    <link href="../css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <!-- Ionicons -->
    <link rel="stylesheet" href="../AdminLTE-2.4.12/bower_components/Ionicons/css/ionicons.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../AdminLTE-2.4.12/bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Font awesome 5 -->
    <link href="../fonts/fontawesome/css/fontawesome-all.min.css" type="text/css" rel="stylesheet">

    <!-- plugin: owl carousel  -->
    <link href="../plugins/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="../plugins/owlcarousel/assets/owl.theme.default.css" rel="stylesheet">
    <script src="../plugins/owlcarousel/owl.carousel.min.js"></script>

    <!-- custom style -->
    <link href="../css/ui.css" rel="stylesheet" type="text/css"/>
    <link href="../css/responsive.css" rel="stylesheet" media="only screen and (max-width: 1200px)" />
    <link href="/css/footerAdjust.css" rel="stylesheet"/>

    <script src="../js/changeReceiveInfo.js"></script>

</head>
<body>
<div th:replace="fragment::header"></div>

<section class="main-content section-main bg padding-y-sm">
    <div class="container">
        <div class="row row-sm">
            <aside class="col-md-2" style="text-align: center">
                <br>
                <h5 class="text-uppercase">个人中心</h5>
                <ul class="menu-category">
                    <li> <a href="/userCenter"><i class="fa fa-book"></i> 个人信息  </a></li>
                    <li> <a href="#" style="color: #ffc107"><i class="fa fa-truck"></i> 收货信息 </a></li>
                    <li> <a href="/userCenter/myOrders?page=1"><i class="fa fa-file-text"></i> 我的订单 </a></li>
                    <li> <a href="#"><i class="fa fa-user"></i> 会员中心 </a></li>
                    <li> <a href="#"><i class="fa fa-heart"></i> 收藏商品 </a></li>
                    <li> <a href="#"><i class="fa fa-thumbs-up"></i> 为您推荐 </a></li>

                </ul>

            </aside>
            <div class="card col-md-10">
                <br><br>
                <div class="row row-sm">
                    <div class="col-md-3"></div>
                    <div class="col-md-6" >
                    <div class="box box-primary" style="box-shadow: 7px 7px 13px rgba(51, 51, 51, 0.1)">
                        <div class="box-header with-border" style="text-align:center;">
                            <h3 class="box-title" style="font-size: 30px;">收货地址</h3>
                            <hr>
                        </div>
                        <!-- /.box-header -->
                        <!-- form start -->
                        <form role="form">
                            <div class="box-body">
                                <div class="form-group" >
                                    <label style="font-size: 16px;"><i class="fa fa-info margin-r-5"></i> 收货人姓名</label><br>
                                    <span class="recName text-muted" th:text="${userInfo.recName}">宁</span><br>
                                    <hr>
                                </div>
                                <br>
                                <div class="form-group" >
                                    <label style="font-size: 16px;"><i class="fa fa-phone margin-r-5"></i> 收货人电话</label><br>
                                    <span class="recPhone text-muted" th:text="${userInfo.recPhone}">13700001111</span><br>
                                    <hr>
                                </div>
                                <br>
                                <div class="form-group" >
                                    <label style="font-size: 16px;"><i class="fa fa-map-marker margin-r-5"></i> 收货人地址</label><br>
                                    <span class="recAddress text-muted" th:text="${userInfo.recAddress}">四川大学江安校区</span><br>
                                    <hr>
                                </div>
                                <br><br>
                                <div class="form-group" >
                                    <div style="
                                    position: absolute;
                                    left: 50%;
                                    transform: translate(-50%,-50%);
                                ">
                                        <input type="button" class="recAddCommit changeRec btn btn-block btn-primary btn-flat" style="background-color: #ffc107;border-color: yellow;" value="修改收货地址">
                                    </div>

                                </div>

                            </div>
                            <!-- /.box-body -->


                        </form>
                    </div>
                </div>
                </div>
                <br><br>
            </div>
        </div>



    </div> <!-- container .//  -->
</section>

<div th:replace="fragment::footer"></div>
</body>
</html>

